import React from 'react'
import { Row, Col, Button } from 'antd'
import colors from '@/constants/colors'
import InterInfoStyles from './interfaceInfo.scss'
import styles from './todaySend.scss'

const TodaySend = (props) => {
  const { data } = props
  return (
    <Row style={{paddingTop: 8, paddingLeft: 8, paddingRight: 8}}>
      <Row className={InterInfoStyles["title-container"]}>
        <div className={InterInfoStyles["header"]} >
            <div className={InterInfoStyles["header-title"]}>
            今日发送
          </div>
        </div>
      </Row>
      <Row style={{paddingTop:8,paddingBottom: 8,backgroundColor: '#fff'}}>
        <Col xs={12} sm={12} md={12} lg={6} xl={6}>
          <div className={styles["Num"]}>{data.msgCount || 0}</div>
          <div className={styles["sub-title"]}>发送总数</div>
        </Col>
        <Col xs={12} sm={12} md={12} lg={6} xl={6}>
          <div className={styles["Num"]}>{data.successCount || 0}</div>
          <div className={styles["sub-title"]}>成功数<span>（{data.successRate || '0%'}）</span></div>
        </Col>
        <Col xs={12} sm={12} md={12} lg={6} xl={6}>
          <div className={styles["Num"]}>{data.failureCount || 0}</div>
          <div className={styles["sub-title"]}>失败数<span>（{data.failureRate || '0%'}）</span></div>
        </Col>
        <Col xs={12} sm={12} md={12} lg={6} xl={6}>
          <div className={styles["Num"]}>{data.unknownCount || 0}</div>
          <div className={styles["sub-title"]}>未知数<span>（{data.unknownRate || '0%'}）</span></div>
        </Col>
      </Row>
    </Row>
  )
}

export default TodaySend